<div id="search-component">
    <h4>查找英雄</h4>

    <input #searchBox id="search-box" (input)="search(searchBox.value)" />

    <ul class="search-result">
        <li *ngFor="let hero of heroes$ | async">
            <a routerLink="/detail/{{hero.id}}">
                {{hero.name}}
            </a>
        </li>
    </ul>
</div>
<!--

<div>
    <h4>查找英雄</h4>
    <input #searchBox id="search-box" (input)="search(searchBox.value)">
    <ul>
        <li *ngFor="let h of heroes$ | async">
            <a [routerLink]="[ '/detail', h.id ]">{{h.name}}</a>
        </li>
    </ul>
</div> -->
